<html>
<head>
    <title>购物车</title>
    <link rel="stylesheet" href="./css/cart1.css">
</head>
<body>
    <div class="cartBox">
        <table>
            <tr class="title">
                <th colspan="3">全部商品3</th>
                <th colspan="5">
                    配送到:
                    <span>河南省平顶山职业技术学院</span>
                </th>
            </tr>
            <tr class="head">
                <td>
                    <input type="checkbox">
                </td>
                <td style="text-align: center;">全选</td>
                <td>商品</td>
                <td></td>
                <td style="text-align: center;">单价</td>
                <td style="text-align: center;">数量</td>
                <td style="text-align: center;">小计</td>
                <td style="text-align: center;">操作</td>
            </tr>
            <tr class="shop">
                <td>
                    <input type="checkbox">
                </td>
                <td colspan="7">
                    <a href="#">华硕专卖店</a>
                </td>
            </tr>
                <tr class="goods">
                    <td><input type="checkbox"></td>
                    <td>
                        <img src="https://img14.360buyimg.com/n0/s80x80_jfs/t1/182452/22/30338/142420/636b5ba6Edf69d57e/dfae9148d25dfae5.jpg.dpg" alt="">
                    </td>
                    <td>
                        <span>
                            华硕ASUS 天选3 AMD锐龙版15.6英寸独显<br>直连游戏本电竞吃鸡学生高性能笔记本电脑
                        </span>
                    </td>
                    <td>
                        <div>2.5K高色域IPS电竞屏</div>
                        <div>全新锐龙R7-6800H八核处理器</div>
                    </td>
                    <td>
                        ￥7089.00
                    </td>
                    <td>
                        <div class="number">
                            <span>-</span>
                            <input type="number" value="1">
                            <span>+</span>
                        </div>
                    </td>
                    <td>
                        ￥7089.00
                    </td>
                    <td>
                        删除
                    </td>
                </tr>
                <tr class="shop">
                    <td>
                        <input type="checkbox">
                    </td>
                    <td colspan="7">
                        <a href="#">京东官方自营旗舰店</a>
                    </td>
                </tr>
                    <tr class="goods">
                        <td><input type="checkbox"></td>
                        <td>
                            <img src="https://img13.360buyimg.com/n0/s80x80_jfs/t1/95525/4/17841/92175/636b680bE8a284782/beec9b5943cfa570.jpg.dpg" alt="">
                        </td>
                        <td>
                            <span>
                                华硕天选3 锐龙版15.6英寸游戏本<br>笔记本电脑灰
                            </span>
                        </td>
                        <td>
                            <div>全新锐龙7处理器</div>
                            <div>双显三模,DDR5双通道内存,144Hz高色域电竞屏</div>
                        </td>
                        <td>
                            ¥7899.00
                        </td>
                        <td>
                            <div class="number">
                                <span>-</span>
                                <input type="number" value="1">
                                <span>+</span>
                            </div>
                        </td>
                        <td>
                            ¥7899.00
                        </td>
                        <td>
                            删除
                        </td>
                    </tr>
                    <tr class="shop">
                        <td>
                            <input type="checkbox">
                        </td>
                        <td colspan="7">
                            <a href="#">京东汽车行</a>
                        </td>
                    </tr>
                        <tr class="goods">
                            <td><input type="checkbox"></td>
                            <td>
                                <img src="https://img0.baidu.com/it/u=2837896903,807968402&fm=253&fmt=auto&app=120&f=PNG?w=680&h=453" width="70px" height="70px"> 
                            </td>
                            <td>
                                <span>
                                  2022款 3.0t 运动版 登峰型 5座
                                </span>
                            </td>
                            <td>
                                <div>搭载3.0T六缸发动机 其最高车速可达180km/h</div>
                                <div>百公里平均油耗在15.6L左右</div>
                            </td>
                            <td>
                                ￥330000.00
                            </td>
                            <td>
                                <div class="number">
                                    <span>-</span>
                                    <input type="number" value="1">
                                    <span>+</span>
                                </div>
                            </td>
                            <td>
                             ￥330000.00
                            </td>
                            <td>
                                删除
                            </td>
                        </tr>
        </table>
        <div class="js">
             <div>
                <input type="checkbox">
             </div>
            <div>全选</div>
            <div>删除选中</div>
            <div>移入关注</div>
            <div>清理购物车</div>
            <div></div>
            <div>
                已选择<span>3</span>有商品
            </div>
            <div>
                总价:<span>￥34999.99</span>
            </div>
            <div>去结算</div>
        </div>
    </div>
</body>
</html>